<template>
  <div class="hello">
    <index-header></index-header>
    <index-header-float></index-header-float>
    <index-banner></index-banner>
    
    <index-join-form></index-join-form>
     <index-chugui></index-chugui>
    <index-quanwu></index-quanwu>
    <!-- <index-to-index></index-to-index> -->
    <!-- <index-active></index-active> -->
   
    <!-- <index-yigui></index-yigui> -->
    <!-- <index-design-case></index-design-case> -->
    <index-design></index-design>
    <index-news></index-news>
    <index-brand></index-brand>
    <index-footer></index-footer>
  
    <!-- <div class="show"></div> -->
  </div>

  
</template>

<script>
import IndexHeader from './components/Header.vue';
import IndexHeaderFloat from './components/IndexFloat.vue';
import IndexBanner from './components/Banner.vue';
import IndexJoinForm from './components/JoinForm.vue';
import IndexToIndex from './components/ToIndex.vue';
import IndexActive from './components/Active.vue';
import IndexChugui from './components/Chugui.vue';
import IndexQuanwu from './components/Quanwu.vue';
import IndexBrand from './components/Brand.vue';
import IndexDesignCase from './components/DesignCase.vue';
import IndexNews from './components/News.vue';
import IndexDesign from './components/Design.vue';
import IndexFooter from './components/Footer.vue';
export default {
  name: 'Index',
  components:{
    IndexHeader,
    IndexBanner,
    IndexHeaderFloat,
    IndexJoinForm,
    IndexQuanwu,
    IndexChugui,
    IndexBrand,
    IndexNews,
    IndexDesign,
    // IndexYigui,
    // IndexDesignCase,
    IndexFooter
  },
  data () {
    return {
      msg: 'index'
    }
  }
}
</script>

<style lang="stylus" scoped>
.show
  height 400px
</style>
